
@jd_red:#d33f4a;

@media screen and (min-width:800px) {
	body{
		background-color: blue;
	}
	}	


// 头部开始
// body{
// 	background-color: #f5f5f5;
// }

header{
width: 100%;
 height: 40px;
 background-color:red;
 display:flex;
 position: fixed;
 left:0;
 top:0;
 z-index: 99;
   .jingdong1{
			 width:70px;
			 display:flex;
			 justify-content:center;
			 align-items:center;
       i{
			 width: 57px;
				height: 24px;
				background:url(../images/jd-sprites.png) no-repeat; 
				background-size: 200px 200px;
				background-position: 0 -110px;
			 }

   } 
   .jingdong2{
		 font-size:0;
		padding: 2px 0px;
		flex:1;
		position: relative;
		&::before{
			content:"";
			position: absolute;
			top: 10px;
			left: 11px;
			width: 20px;
			height: 20px;
			background-image: url(../images/jd-sprites.png);
			background-size: 200px 200px;
			background-position: -60px -110px;
		}
		input{
			width: 100%;
			height: 100%;
			border-radius: 15px;
      text-indent: 30px;
		}
	 } 
   .jingdong3{
		 width: 70px;
		font-size:16px;
		display:flex;
		align-items:center;
		justify-content: center;
		color:#fff;
	 } 
}
// 导航开始
.daohang{
	display:flex;
	flex-wrap:wrap;
	background-color: #fff;
	a{
		display:flex;
		flex-direction: column;
		align-content:space-around;
		width: 25%;
		text-align: center;
		padding:10rem/32 0;
		p{
			font-size:16rem/32;
		}

		img{
			display:flex;
			margin:0 auto;
			width: 50%;
		}
	}
}
// 掌声秒杀开始
.zhangshangmiaosha{
	background-color: #fff;
	.zhangshangmiaosha1{
		display:flex;
		justify-content:space-between;
		padding:5rem/32;
		>span{
			color:@jd_red;
			font-size:14rem/32;
		}
	.time{
		>span{
			font-size:12rem/32;
			background-color: #000;
		color:#fff;
		&:nth-child(3n){
			background-color: #fff;
			color:#000;
			font-size:12rem/32;
		}
		}
	}
	}
	.zhangshangmiaosha2{
		ul{
			display:flex;
			justify-content:space-btween;
			
			li{
				width: 33.3%;
				display:flex;
				a{
					flex-direction: column;	
					position: relative;
					font-size:16rem/32;
					.remai{
						display:block;
						background-color: #fdb60a;
						border-radius:50%;
						position: absolute;
						bottom:30%;
						right:30%;
						color:#fff;
						z-index: 9;
						padding:5% 7%;
					}
					img{
						width: 100%;
					}
					.price{
						display:block;
						text-align:center;
						color:@jd_red;
						font-size:18rem/32;
					}
					del{
						display:block;
						text-align:center;
						font-size:18rem/32;
						color:#ccc;
					}
				}
			}
		}
	}	
}
// 海报开始                      wenti;海报出错
.hb-beijing{
	.beijing2{
		position: relative;
	ul{
		position: absolute;
		width: 100%;
		top:57px;
		left: 0;
		li{
			width: 50%;
			float: left;
			padding:2px;
		}
	}
	}
}
.shoujizhuanxiang{

	ul{
		display:flex;
		flex-wrap: wrap;

		li{
			width: 50%;
			&:nth-child(-n+3){
				width: 33.3%;
			}
			img{
				
			}
		}
	}
}
// 超市开始
.market{
	.market-title{
		background-color: #fff;
		font-size:18rem/32;
		font-weight: 600;
		color:@jd_red;
	}
	.market-content{
		background-color: #fff;
		>a{
			display:block;
			float: left;
			width: 50%;
			&:nth-child(3){
				padding-bottom:1rem/32;
			}
			img{
				width: 100%;
				}
			}
		}
	}

.market2{
	.market-title2{
		background-color: #fff;
		font-size:18rem/32;
		font-weight: 600;
		color:@jd_red;
	}
	.market-content2{
		background-color: #fff;
		>a{
			float: left;
			width: 50%;
			&:nth-last-child(-n+10){
				width: 25%;
			}
			&:nth-child(2){
				padding-bottom:1rem/32;
			}
			img{
				width: 100%;

			}
		}
	}
}
.market3{
	.market-title3{
		background-color: #fff;
		font-size:18rem/32;
		font-weight: 600;
		color:@jd_red;
	}
	.market-content3{
		background-color: #fff;
		a{
			float: left;
			width: 40%;
			&:nth-last-child(-n+2){
			width: 30%;
			}
			img{
				width: 100%;

			}
		}
	}
}
// 猜你喜欢开始
.market4{
	.market-title4{
		background-color: #fff;
		display: flex;
		justify-content: space-between;
		padding:10rem/32 5rem/32;
		.pinpai{
			font-size:18rem/32;
			font-weight: 600;
			color:@jd_red;
		}
		a{
			display: flex;
			font-size:14rem/32;
			color:@jd_red;
			text-align:center;
			
			.touxiang{
				display:inline-block;
				width: 20rem/32;
				height: 20rem/32;
				background: url(../images/icon-login.png) no-repeat;
				background-size: 18rem/32 18rem/32;
				background-position: 0 2rem/32;

			}
		}
	}
	.market-content4{
		background-color: #fff;
		ul{
			li{
				padding:10px 10px;
				float: left;
			width: 50%;
				.market-nav1{
					display: flex;
					justify-content: space-between;
					font-size:14rem/32;
					span{
						color:@jd_red;
					}
					a{
						font-size:14rem/32;
						color:#666;
						border: 1rem/32 solid #666;
					}
				}
				>a{
					img{
						display:block;
						width: 70%;
						margin:0 auto;
					}
					p{
						height: 40rem/32;
						overflow: hidden;
						font-size:14rem/32;
						border-bottom:1rem/32 solid #000;
					}
				}
			}
		}
	}
}
footer{
	.dianji{
		font-size:16rem/32;
		border-top:1rem/32 solid #666;
		border-bottom:1rem/32 solid #666;
		text-align: center;
		padding:15rem/32 0;
		a{
			color:#666;
		
		}
	}
}
.weibu2{
	padding:5rem/32 0;
	border-bottom:1rem/32 solid #666;
	ul{
		>li{
			float: left;
			width: 25%;
			text-align: center;
			border-right:1rem/32 solid #666;
			&:nth-last-child{
				border-right:none;
			}
			a{
				color:#666;
				font-size:14rem/32;

			}
		}
	}
}
.weibu3{
	height: 80rem/32;
	border-bottom:1rem/32 solid #666;
	
	ul{
		li{
			display: inline-block;
			display: flex;
			justify-content: center;	
			float: left;
			width: 33.3%;
		
		
			a{
				margin-top:20rem/32;
				display:inline-block;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-content: center;
				
				img{
					width: 30rem/32;
					height: 30rem/32;
					background-color: red;
					text-align: center;
				}
				p{
					font-size:14rem/32;
					color:#666;
					padding-bottom:20rem/32 0;

				}
			}
		}
	}
}
.banquan{
	padding:15rem/32 0;
	text-align: center;
	font-size:14rem/32;
	color:#666;
}
.weibu5{
	width: 100%;
	background-color: #fff;
	// height: 45rem/32;
	display: flex;
	justify-content: space-around;
	position: fixed;
	left:0;
	bottom:0;
	z-index: 100;
	a{
		img{
			// width: 50rem/32;
		}
	}
}